body{

    /* background-color: #F0FFFF; */

}

/* a{

    text-decoration: none;

    color: black;

} */

#ImgApp{

    margin-top: -431px;

    margin-left: 676px;

    width: 56%;

    height: 500px;

    background-color:  	#FFF5EE;

    border: solid 1px black;

    border-radius: 5px/5px;

    text-align: center;

}

.graph{

    margin-top: 30px;

    width: 80%;

    height: 405px;

    border-radius: 8px/8px;

}

#leftB,#rightB{

    margin-left: 15px;

    font-size: 80px;

    margin-top: -280px;

    position: absolute;

    /* top: 35%; */

    color: black;

}

#leftB {
    /* margin-right: 650px; */
}

#rightB{

    right: 1%;

}

#leftB:hover,#rightB:hover{

    background-color: lightgray;

    border-radius:5px/5px;

}

#leftB:active,#rightB:active{

    background-color: darkgray;

    border-radius:5px/5px;

}

.points{

    letter-spacing: 40px;

    margin-top: 20px;

}

#isPlay{

    float:right;

    display: inline-block;

    margin-right: 10px;

    font-size: 20px;

    border: solid 3px deepskyblue;

    border-radius: 3px/3px;

    width: 3em;

    height: 30px;

    line-height: 30px;

}

#isPlay:hover{

    background-color: deepskyblue;

}

#isPlay:active{

    background-color: dodgerblue;

}

.controlTime{

    word-spacing: 10px;

    font-size: 30px;

    margin-bottom: 5px;

}

#controlAdd,#controlReduce{

    display: inline-block;

    border: solid 2px black;

    border-radius: 5px/5px;

    width: 90px;

}